@charset "UTF-8";
/* CSS reset */
html { line-height: 1; -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input, textarea, blockquote, img { margin: 0; padding: 0; }

body { font-family: Helvetica, Tahoma, Arial,"Microsoft YaHei", "微软雅黑",  STXihei, "华文细黑", SimSun, "宋体", Heiti, "黑体", sans-serif; font-size: 14px; color: #222; /*min-width: 1445px;*/ min-width: 1730px; overflow-x: auto; }

input, select, textarea { font-family: Tahoma, Helvetica, Arial, "微软雅黑" , "\5b8b\4f53", sans-serif; color: #222; outline-style: none; }

dl, ul, li, dt, dd { list-style: none; }

em, b, i, strong { font-style: normal; font-weight: normal; }

img { max-width: 100%; border: none; vertical-align: middle; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #333; }

input::-moz-focus-inner { padding: 0; }

input, select, textarea { outline-style: none; resize: none; }

button { outline: none; border: none; }

header, section, article, aside, footer { display: block; }

ul, ol { list-style: none; margin: 0; padding: 0; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove the border on images inside links in IE 10-. */
img { border-style: none; }

/** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }

/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
a:active, a:hover { outline-width: 0; }

a { color: #222; text-decoration: none; }

/*
reset bootstrap
===========================================*/
.container-fluid { padding: 0; }

.glyphicon { color: #c3c3c3; }

.form-control { border-color: #f0f0f0; border-radius: 2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: 41.5px; }

.content-add-form .col-sm-10 > .form-control { width: 50%; }

.input-group-addon { background: #fff; color: #222; border: none; }

.table thead { background: #f0f0f0; }
.table thead th { color: #222; font-weight: normal; font-size: 14px; }

.table > thead > tr > th { padding: 14px 8px; border-bottom: 0; }

.table > tbody > tr > td { border-top: 0; border-bottom: 1px solid #f0f0f0; }

.table-striped > tbody > tr:nth-child(2n+1) { background: #fff; }

label.css-checkbox { margin-bottom: 0; }
label.css-checkbox input { margin-top: 0; }

.table .btnsm-success, .table .btnsm-primary { margin-right: 5px; }

.pagination { margin-top: 0; margin-bottom: 0; }
.pagination select.input-sm { height: 18px; line-height: 18px; padding: 0 6px; }
.pagination .form-inline span { display: inline-block; padding: 0px 10px; line-height: 32px; }
.pagination .form-inline span .input-sm { padding: 0px; height: 22px; margin-bottom: 3px; }

.table .btnsm-danger, .table .btnsm-primary, .table .btnsm-success { margin-bottom: 5px; }

.btn { padding-top: 10px; padding-bottom: 9px; border-color: #f0f0f0; padding: 6px 20px; }

.form-inline { margin: 20px 0; }

.select2-container { position: relative; z-index: 9001; }

.clearfix, #webHeader .right-section, .main, .main .right-section, .form-block dl { *zoom: 1; }

.clearfix:after, #webHeader .right-section:after, .main:after, .main .right-section:after, .form-block dl:after { content: ""; display: block; clear: both; }

.left-section { width: 240px; }

.right-section { margin-left: 240px; }

.ib { display: inline-block; }

.fl { float: left; }

.fr { float: right; }

.bgcf { background: #fff; }

.mc { color: #1ec575; }

.mb { background: #1ec575; }

.mb[disabled] { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.6); opacity: 0.6; cursor: not-allowed; }

.mborder { border-color: #1ec575; }

.mch:hover, .mch.active { color: #1ec575 !important; text-decoration: none; }

a:hover { color: #1ec575; text-decoration: none; }

.mbh:hover { color: #fff; background: #ccc; }

.mb.active { color: #fff; }
.mb.active:hover { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.9); opacity: 0.9; }

/* header & main
======================================================== */
.header-sprite, #webHeader .right-section .profile .shop, #webHeader .right-section .profile .msg, #webHeader .right-section .profile .skin, #webHeader .right-section .profile i.user { background-image: url('../icons/header-se491e68a7c.png'); background-repeat: no-repeat; }

#webHeader .left-section { float: left; padding: 40px 0 41px; color: #fff; text-align: center; }
#webHeader .left-section h1 { font-size: 18px; color: #fff; font-weight: normal; }
#webHeader .right-section { border-bottom: 1px solid #f0f0f0; }
#webHeader .right-section .nav-top { float: left; padding: 33px 20px; }
#webHeader .right-section .nav-top li { float: left; padding: 7px 35px; }
#webHeader .right-section .profile { float: right; padding: 33px 15px; }
#webHeader .right-section .profile > li { float: left; padding: 2px 8px; }
#webHeader .right-section .profile .dropdown > a { vertical-align: top; color: #999; }
#webHeader .right-section .profile .dropdown > a .caret { vertical-align: text-top; }
#webHeader .right-section .profile .dropdown-menu { left: auto; right: 0; }
#webHeader .right-section .profile .skin-ul a { display: inline-block; width: 25px; height: 25px; margin: 5px; padding: 0; border: 2px solid #fff; border-radius: 50%; }
#webHeader .right-section .profile .skin-ul a.skin { background: #1ec575; }
#webHeader .right-section .profile .skin-ul a.skin1 { background: #ff5798; }
#webHeader .right-section .profile .skin-ul a.skin2 { background: #338af1; }
#webHeader .right-section .profile .skin-ul a:hover { border-color: #999; }
#webHeader .right-section .profile .shop { background-position: 0 -32px; height: 18px; width: 20px; }
#webHeader .right-section .profile .msg { background-position: 0 0; height: 22px; width: 18px; }
#webHeader .right-section .profile .skin { background-position: 0 -60px; height: 18px; width: 22px; }
#webHeader .right-section .profile i.user { background-position: 0 -88px; height: 20px; width: 16px; }

.main { position: relative; background: #f0f0f0; }
.main .left-section { position: absolute; left: 0; top: 0; min-height: 100%; }
.main .left-section dl { padding: 30px 20px; }
.main .left-section dl dt { margin-bottom: 10px; color: #888; font-weight: normal; }
.main .left-section dl dd a { display: block; padding: 10px 20px; border-radius: 2px; }
.main .right-section { padding: 20px 20px 50px; background: #fff; }
.main .right-section h2.header { padding: 10px 0; margin-bottom: 20px; border-bottom: 1px solid #f0f0f0; font-weight: normal; font-size: 18px; }

/* btn
======================================================== */
.btnlg { padding: 13px 10px; color: #fff; line-height: 1; font-size: 14px; text-align: center; min-width: 120px; border-radius: 2px; }

a.btnlg { display: inline-block; min-width: 100px; }

.btnlg:not(:disabled):hover { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.9); opacity: 0.9; color: #fff; }

.btnsm, .btnsm-primary, .btnsm-success, .btnsm-danger, .btnsm-take, .jdialog_win_default .jdialog_win_button_container .jdialog_win_buttonInner .btn { padding: 5px 21px; color: #fff; text-align: center; }

a.btnsm, a.btnsm-primary, a.btnsm-success, a.btnsm-danger, a.btnsm-take, .jdialog_win_default .jdialog_win_button_container .jdialog_win_buttonInner a.btn { display: inline-block; }

.btnsm:hover, .btnsm-primary:hover, .btnsm-success:hover, .btnsm-danger:hover, .btnsm-take:hover, .jdialog_win_default .jdialog_win_button_container .jdialog_win_buttonInner .btn:hover { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.9); opacity: 0.9; color: #fff; }

.btnsm-primary { background: #00a1fe; }

.btnsm-success { background: #1dc574; }

.btnsm-danger { background: #fe6f65; }

.btnsm-take { background: #ff5798; }

/* form-inline
======================================================== */
.inline-form { margin: 20px 0; }
.inline-form .r { float: right; }
.inline-form .btnlg { margin-right: 20px; }
.inline-form .css-select-group { margin-right: 15px; }
.inline-form .form-group { margin-right: 25px; }

.inline-top { margin-top: 20px; }

/* css 小组件
======================================================== */
.css-add { position: relative; display: inline-block; width: 13px; height: 13px; margin-right: 5px; text-align: center; }
.css-add:before { content: ""; display: block; height: 3px; width: 100%; position: absolute; top: 50%; margin-top: -2px; background: #fff; }
.css-add:after { content: ""; display: inline-block; width: 3px; height: 100%; background: #fff; }

.css-checkbox { position: relative; display: inline-block; vertical-align: top; }
.css-checkbox input { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 0; height: 0; visibility: hidden; }
.css-checkbox span:before { content: ""; display: inline-block; width: 17px; height: 17px; margin-right: 5px; border: 1px solid #c3c3c3; border-radius: 2px; vertical-align: middle; }
.css-checkbox span:after { content: ""; position: absolute; left: 2px; top: 4px; width: 13px; height: 8px; display: inline-block; border-width: 2px; border-style: solid; border-color: transparent transparent  #1ec575 #1ec575; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); visibility: hidden; }
.css-checkbox input:hover + span:after { visibility: visible; }
.css-checkbox input:checked + span:before { background: #1ec575; border-color: #1ec575; }
.css-checkbox input:checked + span:after { border-color: transparent transparent  #fff #fff; visibility: visible; }

@-webkit-keyframes popOut { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); }
  25% { -webkit-transform: scale(1, 1.2); -moz-transform: scale(1, 1.2); transform: scale(1, 1.2); }
  50% { -webkit-transform: scale(1, 1.4); -moz-transform: scale(1, 1.4); transform: scale(1, 1.4); }
  100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); } }
@keyframes popOut { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); }
  25% { -webkit-transform: scale(1, 1.2); -moz-transform: scale(1, 1.2); transform: scale(1, 1.2); }
  50% { -webkit-transform: scale(1, 1.4); -moz-transform: scale(1, 1.4); transform: scale(1, 1.4); }
  100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); } }
@-webkit-keyframes popIn { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); }
  25% { -webkit-transform: scale(1, 1.2); -moz-transform: scale(1, 1.2); transform: scale(1, 1.2); }
  50% { -webkit-transform: scale(1, 1.4); -moz-transform: scale(1, 1.4); transform: scale(1, 1.4); }
  100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); } }
@keyframes popIn { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); }
  25% { -webkit-transform: scale(1, 1.2); -moz-transform: scale(1, 1.2); transform: scale(1, 1.2); }
  50% { -webkit-transform: scale(1, 1.4); -moz-transform: scale(1, 1.4); transform: scale(1, 1.4); }
  100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); } }
.css-switch { position: relative; display: inline-block; }
.css-switch input { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 0; height: 0; visibility: hidden; }
.css-switch span:before { content: ""; display: inline-block; width: 39px; height: 19px; border-radius: 14px; background: #c3c3c3; }
.css-switch span:after { content: ""; display: inline-block; position: absolute; left: 0; top: 0; width: 19px; height: 19px; border-radius: 100%; background: #fff; border: 1px solid #c3c3c3; transition: margin-left ease-in-out 0.1s; }
.css-switch input:checked + span:before { background: #1ec575; }
.css-switch input:checked + span:after { margin-left: 20px; -webkit-animation: popIn ease-in 0.3s; animation: popIn ease-in 0.3s; }
.css-switch input:not(:checked) + span:after { -webkit-animation: popOut ease-in 0.3s; animation: popOut ease-in 0.3s; }
.css-switch input:disabled + span { opacity: 0.5; }

.css-select { position: relative; display: inline-block; }
.css-select .chosen { padding: 10px 15px; border: 1px solid #f0f0f0; cursor: pointer; }
.css-select .chosen span { margin-right: 18px; }
.css-select .chosen .angle-down { position: absolute; right: 20px; top: 18px; width: 0; height: 0; border-style: solid; border-width: 5px; border-color: #888 transparent transparent transparent; }
.css-select ul { position: absolute; left: 0; right: 0; display: none; border: 1px solid #f0f0f0; border-top-color: transparent; background: #fff; z-index: 1; }
.css-select ul li { padding: 5px 10px; cursor: pointer; }
.css-select ul li:hover { background: #1ec575; color: #fff; }
.css-select.active ul { top: 0; }
.css-select:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.select-active:active { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.select-active:active .chosen { border-color: #66afe9; }

.css-dropdown { position: relative; display: inline-block; }
.css-dropdown .toggle { padding: 12px 15px; border: 1px solid #f0f0f0; cursor: pointer; border-radius: 2px; }
.css-dropdown .toggle span { margin-right: 18px; }
.css-dropdown .toggle .angle-down { position: absolute; right: 20px; top: 18px; width: 0; height: 0; border-style: solid; border-width: 5px; border-color: #888 transparent transparent transparent; }
.css-dropdown ul { position: absolute; left: 0; right: 0; display: none; border: 1px solid #f0f0f0; border-top-color: transparent; }
.css-dropdown ul li { padding: 5px 10px; cursor: pointer; }
.css-dropdown ul li:hover { background: #1ec575; color: #fff; }
.css-dropdown.active ul { top: 0; }

.css-select-group { position: relative; display: inline-block; float: left; }
.css-select-group .css-select { float: left; }
.css-select-group .css-select .chosen { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; }
.css-select-group input.form-control { float: left; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.angle-up { width: 0; height: 0; border-style: solid; border-width: 10px; border-color: transparent transparent #888 transparent; }

.angle-right { width: 0; height: 0; line-height: 0; border-style: solid; border-width: 10px; border-color: transparent #666 transparent transparent; }

.text-error { color: #cc0000; }

/*or小组件*/
.btn-group-or { position: relative; }
.btn-group-or span.or { z-index: 10; position: absolute; padding: 5px; width: 30px; height: 30px; left: 42%; right: 42%; top: 5%; font-size: 14px; font-weight: bold; border-radius: 15px; background-color: #5cb85c; color: white; }

/* page-bar
======================================================== */
.arrow-sprite, .page-bar .bar li a .arrow-left, .page-bar .bar li a .arrow-right, .page-bar .bar li a:hover .arrow-left, .page-bar .bar li a:hover .arrow-right, .page-bar .bar li a.active .arrow-left, .page-bar .bar li a.active:hover .arrow-left, .page-bar .bar li a.active .arrow-right, .page-bar .bar li a.active:hover .arrow-right { background-image: url('../icons/arrow-s9463f2f276.png'); background-repeat: no-repeat; }

.page-bar { float: right; color: #888; }
.page-bar .info { float: left; }
.page-bar .info .css-select { margin-left: 10px; }
.page-bar .info .css-select .chosen { padding-top: 8px; padding-bottom: 8px; }
.page-bar .bar { display: inline-block; margin-left: 35px; }
.page-bar .bar li { display: inline; }
.page-bar .bar li a { float: left; padding: 6px 14px; margin-left: 5px; border: 1px solid #f0f0f0; border-radius: 2px; color: #c3c3c3; font-size: 18px; font-family: Arial, sans-serif; }
.page-bar .bar li a .arrow-left { background-position: 0 0; height: 18px; width: 11px; vertical-align: middle; }
.page-bar .bar li a .arrow-right { background-position: 0 -56px; height: 18px; width: 11px; vertical-align: middle; }
.page-bar .bar li a:hover { background: #999; color: #fff; }
.page-bar .bar li a:hover .arrow-left { background-position: 0 -28px; height: 18px; width: 11px; }
.page-bar .bar li a:hover .arrow-right { background-position: 0 -84px; height: 18px; width: 11px; }
.page-bar .bar li a.active, .page-bar .bar li a.active:hover { background: #1ec575; color: #fff; border-color: #1ec575; }
.page-bar .bar li a.active .arrow-left, .page-bar .bar li a.active:hover .arrow-left { background-position: 0 -28px; height: 18px; width: 11px; }
.page-bar .bar li a.active .arrow-right, .page-bar .bar li a.active:hover .arrow-right { background-position: 0 -84px; height: 18px; width: 11px; }

/**星号颜色**/
span.asterisk { color: red; vertical-align: middle; font-size: 17px; }

.formLayer { margin-top: 30px; }

.form-block .form-control { border: 1px solid #e5e5e5; margin-right: 10px; -moz-transition: all, 0.3s; -o-transition: all, 0.3s; -webkit-transition: all, 0.3s; transition: all, 0.3s; }
.form-block .form-control.error { border-color: #ff5555; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 110, 158, 0.75); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 110, 158, 0.75); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 110, 158, 0.75); }
.form-block .form-control:focus { border-color: #8cd2ff; outline: 0; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.form-block dt { float: left; width: 110px; line-height: 38px; margin-right: 15px; text-align: right; margin-left: 60px; }
.form-block dd { margin-left: 20px; margin-bottom: 15px; }
.form-block dd select.form-control { padding: 5px 5px 4px; }
.form-block dd input.form-control { display: inline-block; width: 200px; height: 38px; line-height: 38px; padding: 0 5px; }
.form-block dd.setLine { line-height: 38px; }
.form-block .text dt, .form-block .text dd { height: auto; line-height: normal; }
.form-block textarea.full { width: 100%; padding: 5px; box-sizing: border-box; }
.form-block .radio-wrap, .form-block .checkbox-wrap { line-height: 38px; }
.form-block .btn-group { margin-left: 15px; text-align: left; }
.form-block .bottom-btn { padding: 20px 0; }
.form-block .bottom-btn .btn { margin-right: 15px; }
.form-block .get-code { display: inline-block; width: 100px; height: 36px; line-height: 36px; margin-bottom: 0; font-size: 14px; text-align: center; vertical-align: middle; cursor: pointer; border-radius: 4px; border-width: 1px; border-style: solid; width: auto; min-width: 100px; color: #fff; border-radius: 0; background: #e5e5e5; cursor: not-allowed; }
.form-block .get-code.active { border: 1px solid; cursor: pointer; background: none; }
.form-block label.error { color: #ff5555; padding-left: 5px; }

.table-form { margin: 20px; }

.table-form th { font-weight: normal; text-align: right; color: #666; }

.table-form th, .table-form td { padding: 5px 10px; }

.table-form .form-control { display: inline-block; width: 120px; padding: 5px; margin-right: 15px; border: 1px solid #e5e5e5; }

/*牌号管理-导入牌号-选择文件按钮*/
.import-input { border: 1px solid red; width: 100%; height: 40px; position: absolute; top: 0; left: 0; opacity: 0; }

input.input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

.control-label, label { font-weight: normal; }

@media screen and (max-width: 1555px) { .left-section { width: 220px; }
  .right-section { margin-left: 220px; }
  #webHeader .right-section .nav-top li { padding-left: 25px; padding-right: 25px; }
  #webHeader .right-section .profile > li { padding: 2px 5px; }
  .css-select .chosen { padding-top: 8px; padding-bottom: 8px; }
  .form-control { height: 38px; }
  .btnlg { padding-top: 11px; padding-bottom: 11px; min-width: 100px; }
  .btnsm, .btnsm-primary, .btnsm-success, .btnsm-danger, .btnsm-take, .jdialog_win_default .jdialog_win_button_container .jdialog_win_buttonInner .btn { padding-left: 15px; padding-right: 15px; } }
